window.onload = function () {
    function $(id) {
        return document.getElementById(id);
    }

    var alist = document.getElementsByTagName("li");
    alist[0].style.backgroundColor="rgb(223,223,225)";
    alist[0].onclick = function () {
        alist[0].style.backgroundColor="rgb(223,223,225)";
        alist[1].style.backgroundColor="rgb(231,231,233)"
        $("tab2").style.display = "block";
        $("tab3").style.display = "none";
        $("content2").style.display = "none";
        $("content1").style.display = "block";
    }
    alist[1].onclick = function () {
        this.style.backgroundColor="rgb(223,223,225)";
        alist[0].style.backgroundColor="rgb(231,231,233)";
        $("tab2").style.display = "none";
        $("tab3").style.display = "block";

        $("content1").style.display = "none";
        $("content2").style.display = "block";
    }


    $("btn3").addEventListener("click",function (){

        $("all").style.height = "380px";
        $("bottom-top").style.display = "block";
        $("result1").value = $("num1").value * (1-0.1*($("sel1").selectedIndex +1)) /($("sel2").selectedIndex +1);
        // if($("sel3").selectedIndex == 0){
        //     $("result2").value = $("num1").value * (1-0.1*($("sel1").selectedIndex +1))*0.056;
        // }
        // else{
        //     $("result2").value = $("num1").value * (1-0.1*($("sel1").selectedIndex +1))*0.06;
        //     $("num3").value = 6*0.1*($("sel4").selectedIndex);
        // }
        $("result3").value =  $("num1").value * (1-0.1*($("sel1").selectedIndex +1))*0.06 + $("num1").value *(1-($("sel1").selectedIndex +1)*0.1);

        $("result5").value = $("num2").value *5;
        $("result6").value = $("num2").value *3;
        if($("sel6").selectedIndex ==0){
            $("result7").value = 600;
            $("result8").value = 2000;
        } else if($("sel6").selectedIndex ==1){
            $("result7").value = 500;
            $("result8").value = 1000;
        }else if($("sel6").selectedIndex ==2){
            $("result7").value = 452;
            $("result8").value = 895;
        }else{
            $("result7").value = 542;
            $("result8").value = 1235;
        }

        $("result4").value = Number($("num2").value)* 10000 + Number($("result5").value) +  Number($("result6").value)+ Number($("result7").value)+ Number($("result8").value);

    })

    $("reset").addEventListener("click",function (){
        $("all").style.height = "250px";
        $("bottom-top").style.display = "none";
    })

    $("sel4").addEventListener("change",function (){
        /* alert("1");*/
        if($("sel4").value == "0"){
            var num1=parseFloat($("sel3").value);
            var num=parseFloat($("sel4").value);

            var num=num*num1;

            $("num3").value=num;


        }else if($("sel4").value == "0.1"){

            var num1=parseFloat($("sel3").value);
            var num=parseFloat($("sel4").value);

            var num=num*num1;

            $("num3").value=num;
        }

    })
    $("sel3").addEventListener("change",function (){

        if($("sel3").value == "5.6"){
            var num1=parseFloat($("sel3").value);
            var num=parseFloat($("sel4").value);

            var num=num*num1;

            $("num3").value=num;


        }else if($("sel3").value == "6.0"){

            var num1=parseFloat($("sel3").value);
            var num=parseFloat($("sel4").value);

            var num=num*num1;

            $("num3").value=num;
        }
        /*lert("1");*/


    })}
